<!DOCTYPE html>
<html lang="zh">

<head>
    <title>替换文本</title>
    <link id="theme" rel="stylesheet" type="text/css" href="../css/light.css">
    <link rel="stylesheet" type="text/css" href="../css/fonts.css">
</head>

<body class="dialogBody" onload="new ReplaceText();">
    <table class="table_width">
        <tr>
            <td class="middle noWrap"><label for="searchText">查找内容</label></td>
            <td class="middle fill_width"><input type="text" id="searchText" class="table_input"></td>
        </tr>
        <tr>
            <td class="middle noWrap"><label for="replaceText">替换为</label></td>
            <td class="middle fill_width"><input type="text" id="replaceText" class="table_input"></td>
        </tr>
        <tr>
            <td class="noWrap"><label class="middle">选项</label></td>
            <td>
                <input type="checkbox" id="caseSensitive" class="middle">
                <label for="caseSensitive" class="middle noWrap">区分大小写搜索</label><br>
                <input type="checkbox" id="regularExpression" class="middle">
                <label for="regularExpression" class="middle noWrap">正则表达式</label>
            </td>
        </tr>
    </table>

    <div class="buttonArea">
        <button id="replace">替换文本</button>
    </div>
    <!-- 语音识别功能 -->
    <script src="../js/voiceRecognition.js"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            setTimeout(function() {
                if (typeof initVoiceRecognitionForPage === 'function') {
                    initVoiceRecognitionForPage();
                    console.log('替换文本页面语音识别功能已初始化');
                }
            }, 500);
        });
    </script>
    
    <script src="../js/replaceText.js"></script>
</body>

</html>